<!DOCTYPE html>
<html>
<head lang="en">
    <include file="Public/head" />
    <link rel="stylesheet" href="__PUBLIC__/Home/static/css/swiper.min.css"/>
    <link rel="stylesheet" href="__PUBLIC__/Home/static/css/match.css"/>
    <link rel="stylesheet" href="__PUBLIC__/Home/static/css/range.css"/>
    <script src="__PUBLIC__/Home/static/js/swiper.jquery.min.js"></script>
    <script>
        var url="__ROOT__";
        var publicUrl = "__PUBLIC__/Home/static/";//表情地址
        var loginUrl = "{:U('User/login')}";
        var race_id='{$video.id}';
        var group_id='';
        var isLogin= {$Think.const.UID} > 0 ? 1: 0;
    </script>
</head>
<body>
    <include file="Public/header"/>
    <div class="main">
        <div class="main-title">
            <div class="team team1">
                <div class="team-fight-title">近日战况</div>
                <div class="team-fights">
                    <div class="fight-items">
                        <a href="javascript:;">
                            <div class="fight-item fight-item-time">2016-03-09</div>
                            <div class="fight-item fight-item-team">OMG vs EDG</div>
                            <div class="fight-item fight-item-score">2:1</div>
                        </a>
                    </div>
                    <div class="fight-items">
                        <a href="javascript:;">
                            <div class="fight-item fight-item-time">2016-03-09</div>
                            <div class="fight-item fight-item-team">OMG vs EDG</div>
                            <div class="fight-item fight-item-score">2:1</div>
                        </a>
                    </div>
                    <div class="fight-items">
                        <div class="fight-item fight-item-time">2016-03-09</div>
                        <div class="fight-item fight-item-team">OMG vs EDG</div>
                        <div class="fight-item fight-item-score">2:1</div>
                    </div>
                </div>
            </div>
            <div class="match-infos">
                <div class="team1-logo">
                    <img src="" alt=""/>
                </div>
                <div class="team-match">
                    <div class="match-title">LPL联赛第9周比赛</div>
                    <div class="ceshi">
                        <div class="team1-name">
                            <div class="win">
                                <p class="result winner">胜</p>
                                <p class="team-nick">OMG</p>
                            </div>
                        </div>
                        <div class="line1"></div>
                        <div class="match-time">16:09</div>
                        <div class="line2"></div>
                        <div class="team2-name">
                            <div class="lose">
                                <p class="result loser">负</p>
                                <p class="team-nick">OMG</p>
                            </div>
                        </div>
                    </div>

                    <div class="match-num">
                        <ul>
                        </ul>
                        <!-- <div class="swiper-container1">
                            <div class="swiper-wrapper">
                            </div>
                        </div>
                        <div class="swiper-button-prev1"></div>
                        <div class="swiper-button-next1"></div> -->
                    </div>
                </div>
                <div class="team2-logo">
                    <img src="" alt=""/>
                </div>
            </div>
            <div class="team team2">
                <div class="team-fight-title">近日战况</div>
                <div class="team-fights">
                    <div class="fight-items">
                        <div class="fight-item fight-item-time">2016-03-09</div>
                        <div class="fight-item fight-item-team">OMG vs EDG</div>
                        <div class="fight-item fight-item-score">2:1</div>
                    </div>
                    <div class="fight-items">
                        <div class="fight-item fight-item-time">2016-03-09</div>
                        <div class="fight-item fight-item-team">OMG vs EDG</div>
                        <div class="fight-item fight-item-score">2:1</div>
                    </div>
                    <div class="fight-items">
                        <div class="fight-item fight-item-time">2016-03-09</div>
                        <div class="fight-item fight-item-team">OMG vs EDG</div>
                        <div class="fight-item fight-item-score">2:1</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-box">
            <div class="box-left">
                <div class="left-title">
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-prev2"></div>
                    <div class="title1">精彩战况</div>
                    <div class="title2">文字</div>
                    <div class="title3 active">图文</div>
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-next2"></div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                    </div>
                </div>
                <div class="swiper-container2">
                    <div class="swiper-wrapper">
                    </div>
                </div>
            </div>
            <div class="box-right">
                <div class="video-box">
                    <div class="barrage">
                        <div class="mask"></div>
                    </div>
                    <div class="video-cover">
                        <div class="video-cover-btn"></div>
                    </div>
                    <video id="myVideo" class="myVideo">
                        您的浏览器器不支持！
                    </video>
                    <div class="video-controls">
                        <div class="btn-pp"></div>
                        <div class="progressTime">
                            <span class="current">00:00</span>
                            <span>/</span>
                            <span class="duration"></span>
                        </div>
                        <div class="volume-num">50</div>
                        <div class="volumeBar">
                            <input type="range" class="range" autocomplete="off">
                            <div class="volume"></div>
                        </div>
                        <div class="muted"></div>
                    </div>
                </div>
                <div class="video-share">
                    <div class="share-logo">
                        <img src="__PUBLIC__/Home/static/images/share.png" />
                    </div>
                    <div class="video-share-span">分享到：</div>
                    <div class="bdsharebuttonbox" data-tag="share_1">
                        <a class="bds_sqq" data-cmd="sqq"  style="background-image: url('__PUBLIC__/Home/static/images/qq-s.png') ;background-position: 0 0;"></a>
                        <a class="bds_qzone" data-cmd="qzone" style="background-image: url('__PUBLIC__/Home/static/images/kj-s.png') ;background-position: 0 0;"></a>
                        <a class="bds_tsina" data-cmd="tsina" style="background-image: url('__PUBLIC__/Home/static/images/wb-s.png') ;background-position: 0 0;"></a>
                        <a class="bds_weixin" data-cmd="weixin" style="background-image: url('__PUBLIC__/Home/static/images/wx-s.png') ;background-position: 0 0;"></a>
                    </div>
                    <div class="publish-dm">
                        <textarea placeholder="输入弹幕内容，发条弹幕试试吧。"></textarea>
                        <button class="btn">发送弹幕</button>
                    </div>
                    <div class="dm-btn">
                        <i></i>
                        <span>关闭弹幕</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="comment-bg">
        <div class="comment">
            <div class="comment-left">
                <div class="comment-left-title">
                    <span>全部评论</span><span class="comment-num">(308)条</span>
                </div>
                <div class="itme-box">
                </div>
                <div class="page">
                    <ul>
                        <li>1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                    </ul>
                </div>
            </div>
            <div class="comment-right">
                <div class="comment-right-title">其他比赛推荐</div>
                <div class="right-item">
                    <a href="javascript:;">
                        <div class="right-item-head">
                            <div class="game-logo">
                                <img src="" alt=""/>
                            </div>
                            <div class="game-info">
                                <span class="game-title"></span>
                                <span class="game-time game-time1"></span>
                                <span class="game-time game-time2"></span>
                            </div>
                        </div>
                        <div class="right-item-content">
                            <div class="right-team1">
                                <div class="right-team1-logo">
                                    <img src="" alt=""/>
                                </div>
                                <div class="team-name1"></div>
                            </div>
                            <div class="game-score ">
                                <div class="score-num">
                                    <a class="num1"></a>
                                    <a class="num">:</a>
                                    <a class="num2"></a>
                                </div>
                                <div class="schedule">
                                    <a>1</a>
                                </div>
                            </div>
                            <div class="right-team2">
                                <div class="right-team1-logo">
                                    <img src="" alt=""/>
                                </div>
                                <div class="team-name1"></div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <include file="common/footer"/>
</body>
<script src="__PUBLIC__/Home/static/js/match.js"></script>
<script src="__PUBLIC__/Home/static/js/jquery.qqFace.js"></script>
<script>
    window._bd_share_config = {
        common : {
            bdText : '',
            bdDesc : '',
            bdUrl : '',
            bdPic : ''
        },
        share : [{
            "bdSize" : 32
        }]
    }
    with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
</script>
</html>